<!--
 * new page
 * @author: eminem89
 * @since: 2023-12-24
 * Person.vue
-->
<template>
    <div class="person">？？？</div>
</template>

<script lang="ts" setup name="Person">
import { type PersonInter, type Persons, type PersonsL } from '@/types';

let person: PersonInter = { id: '123', name: '张三', age: 60 };
console.log(person);

let personList: Array<PersonInter> = [
    { id: '123', name: '张三', age: 60 },
    { id: '123', name: '张三', age: 60 },
    { id: '123', name: '张三', age: 60 },
];

let personList1: Persons = [
    { id: '123', name: '张三', age: 60 },
    { id: '123', name: '张三', age: 60 },
    { id: '123', name: '张三', age: 60 },
];

let personList2: PersonsL = [
    { id: '123', name: '张三', age: 60 },
    { id: '123', name: '张三', age: 60 },
    { id: '123', name: '张三', age: 60 },
];
</script>

<style scoped>
.person {
    background-color: skyblue;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}

button {
    margin: 0 5px;
}
</style>
